<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>颜博士五十万豪礼免费送</title>
    <!-- jquery引入 -->
    <script src="js/jquery2.0.js"></script>
    <!-- 微信相关库 -->
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
</head>
<body>
    <!--选择地区-->
    <div class="con">
        <img class="imgs" src="img/top.png" alt="">
        <div class="con-c">
            <!-- <img class="imgs" src="img/bottom.png" alt=""> -->
            <section class="express-area">
                <div id="expressArea" href="javascript:void(0)">
                    <dl>
                        <dt>姓名 <span class="red">*</span></dt>
                        <dd>
                            <input type="text"
                            class="name" onclick="areaClose()" placeholder="请输入您的姓名">
                        </dd>
                    </dl>
                    <i></i>
                    <dl>
                        <dt>手机号 <span class="red">*</span></dt>
                        <dd>
                            <input maxlength="11" onblur="phoneReg(this,1)" type="tel"
                            class="phone"
                                onclick="areaClose()" placeholder="请输入您的手机号">
                        </dd>
                    </dl>
                    <i></i>
                    <dl class="areaDl" onclick="expressAc()">
                        <dt>收货所在地区 <span class="red">*</span></dt>
                        <dd>
                            <input type="text" 
                            class="area" placeholder="请选择所在地区" readonly>
                        </dd>
                    </dl>
                    <i></i>
                    <dl>
                        <dt>收货详细地址 <span class="red">*</span></dt>
                        <dd>
                            <input maxlength="50" class="address" type="text" placeholder="请输入详细地址" >
                        </dd>
                    </dl>
                    <dl>
                        <dt>推荐人姓名 <span class="red">*</span></dt>
                        <dd>
                            <input type="text" 
                            class="recommend_name" onclick="areaClose()" value="" placeholder="请输入推荐人姓名">
                        </dd>
                    </dl>
                    <i></i>
                    <dl>
                        <dt>推荐人手机号 <span class="red">*</span></dt>
                        <dd>
                            <input type="tel" 
                            maxlength="11" 
                            class="recommend_phone" 
                            onblur="phoneReg(this,2)"
                            onclick="areaClose()" value="" placeholder="请输入推荐人手机号">
                        </dd>
                    </dl>
                </div>
                <button class="btns" onclick="payBtn()">支付</button>
                <p class="ps">备注：抽奖福利概率70%，随机发放福利</p>
                <p class="ps">一个地址下单只能领取一次礼物</p>
                <p class="ps">内蒙古发不了，新疆，西藏，宁夏，甘肃，青海需加10元邮费</p>
            </section>
            <img class="img-text" src="img/text.png" alt="">
        </div>
    </div>
    <div class="divs" style="height:60px;display:none"></div>
    <!--选择地区弹层-->
    <div>
        <section id="areaLayer" class="express-area-box">
            <header>
                <!-- <span id="backUp" class="back l-btn">返回</span> -->
                <h3>请选择所在地区</h3>
                <!-- <span id="closeArea" class="close r-btn">关闭</span> -->
                <a id="backUp" class="back" href="javascript:void(0)" title="返回"></a>
                <a id="closeArea" class="close" href="javascript:void(0)" title="关闭"></a>
            </header>
            <article id="areaBox">
                <ul id="areaList" class="area-list"></ul>
            </article>
        </section>
        <!--遮罩层-->
        <!-- <div id="areaMask" class="mask"></div> -->
    </div>
</body>

</html>
<script>
    //获取时间戳
    var t = new Date().getTime();
    // layer相关引用 
    document.write('<script src="js/layer.js?timestamp=' + t + '"><\/script>');
    document.write("<link rel='stylesheet' href=css/layer.css?timestamp=" + t + ">");
    // 主体样式
    document.write("<link rel='stylesheet' href=css/index.css?timestamp=" + t + ">");
    // 省市区样式
    document.write("<link rel='stylesheet' href=css/style.css?timestamp=" + t + ">");
    // 省市区
    document.write('<script src="js/jquery.area.js?timestamp=' + t + '"><\/script>');
    // 主体js
    document.write('<script src="js/index.js?timestamp=' + t + '"><\/script>');
</script>